<template>
  <div id="app">
      <el-row>
          <el-col :span="4">
            <el-menu :default-active="defaultActive" :router="true">
              <el-menu :default-active="defaultActive" :router="true">
                  <el-submenu index="1">
                    <template slot="title">
                      <i class="el-icon-location"></i>
                      <span>导航一</span>
                    </template>
                    <el-menu-item index="1-1">选项1</el-menu-item>
                    <el-menu-item index="1-2">选项2</el-menu-item>
                    <el-menu-item index="1-3">选项3</el-menu-item>
                    <el-menu-item index="1-4">选项4</el-menu-item>
                  </el-submenu>
                  <el-submenu index="2">
                    <template slot="title">
                      <i class="el-icon-location"></i>
                      <span>导航二</span>
                    </template>
                    <el-menu-item index="2-1">选项1</el-menu-item>
                    <el-menu-item index="2-2">选项2</el-menu-item>
                    <el-menu-item index="2-3">选项3</el-menu-item>
                    <el-menu-item index="2-4">选项4</el-menu-item>
                  </el-submenu>
              </el-menu>
            </el-menu>
          </el-col>
          <el-col :span="20"></el-col>
      </el-row>
  </div>
</template>

<script>
export default {
  name: "App",
  components: {},
  data: function () {
    return {
      defaultActive: "1-1"
    };
  },
  methods: {
    
  },
};
</script>

<style>
</style>
